/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff; // 主题色
$uni-color-success: #4cd964; // 成功
$uni-color-warning: #f0ad4e; // 警告
$uni-color-error: #dd524d; // 出错/失败

/* 文字基本颜色 */
$uni-text-color: #2F2F2F; // 基本色
$uni-text-color-inverse: #fff; // 反色
$uni-text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #B8B8B8; // 文字占位符，如文字提示颜色（输入框）
$uni-text-color-disable: #c0c0c0; // 禁止色

/* 背景颜色 */
$uni-bg-color: #ffffff; // 白色背景
$uni-bg-color-blue: #007aff; // 蓝色背景
$uni-bg-color-grey: #f8f8f8; // 灰色背景
$uni-bg-color-hover: #f1f1f1; // 点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色

/* 边框颜色 */
$uni-border-color: #e6e6e6;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm: 24*1upx; // 小
$uni-font-size-base: 28*1upx; // 基础
$uni-font-size-lg: 32*1upx; // 大

/* 图片尺寸 */
$uni-img-size-sm: 40*1upx; // 小
$uni-img-size-base: 52*1upx; // 基础
$uni-img-size-lg: 80*1upx; // 大

/* 边框半径 */
$uni-border-radius-sm: 4*1upx; // 小
$uni-border-radius-base: 6*1upx; // 基础
$uni-border-radius-lg: 12*1upx; // 大
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px; // 小
$uni-spacing-row-base: 20*1upx; // 基础
$uni-spacing-row-lg: 30*1upx; // 大

/* 垂直间距 */
$uni-spacing-col-sm: 8*1upx; // 小
$uni-spacing-col-base: 16*1upx; // 基础
$uni-spacing-col-lg: 24*1upx; // 大

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title: 40*1upx; // 文章标题字体大小
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 36*1upx; // 二级标题字体大小
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph: 30*1upx; // 文章段落字体大小


/************************************ tl定制 ******************************************/

/* 行为相关颜色 */
$tl-color-primary: #0075FF;
$tl-color-primary-minor: #008EFF;
$tl-color-success: #4cd964;
$tl-color-warning: #f0ad4e;
$tl-color-error: #dd524d;
$tl-color-cancel: #9A9A9A;

/* 文字基本颜色 */
$tl-text-color: #313131; //基本色
$tl-text-color-title: #333; //标题色
$tl-text-color-content: #666; //内容
$tl-text-color-inverse: #fff; //反色
$tl-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
$tl-text-color-placeholder: #BFC2C2; //文字占位符
$tl-text-color-disable: #c0c0c0; // 禁止色


/* 背景颜色 */
$tl-bg-color: #ffffff;
$tl-bg-color-default: #F5F5F5;
$tl-bg-color-grey: #f8f8f8;
$tl-bg-color-hover: #f1f1f1; //点击状态颜色
$tl-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* TabBar颜色 */
$tl-tabbar-color: $tl-text-color;
$tl-tabbar-color-active: $tl-color-primary-minor;

//button
$tl-button-color-cancel: $tl-color-cancel;
$tl-button-color-confirm: $tl-color-primary;

// 边框基本色
$tl-border-1px-color: #f1f1f1;
$tl-border-1px: 1px solid $tl-border-1px-color;


/************************************ cu定制 ******************************************/

// 边框
$cu-border-color: #f1f1f1;
$cu-border-1px: 1px solid $cu-border-color;
$cu-avatar-border-1px: 1px solid #f1f1f1;
